<!DOCTYPE html>





<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png?v=7.3.0">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png?v=7.3.0">

<link rel="stylesheet" href="/css/main.css?v=7.3.0">


<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css?v=4.7.0">


<script id="hexo-configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/',
    scheme: 'Muse',
    version: '7.3.0',
    exturl: false,
    sidebar: {"position":"right","display":"hide","offset":12,"onmobile":false},
    copycode: {"enable":false,"show_result":false,"style":null},
    back2top: {"enable":true,"sidebar":false,"scrollpercent":false},
    bookmark: {"enable":true,"color":"#555","save":"auto"},
    fancybox: false,
    mediumzoom: false,
    lazyload: false,
    pangu: false,
    algolia: {
      appID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    },
    localsearch: {"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},
    path: 'search.xml',
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    translation: {
      copy_button: '复制',
      copy_success: '复制成功',
      copy_failure: '复制失败'
    },
    sidebarPadding: 40
  };
</script>

  <meta name="description" content="Reference   以下内容仅仅用来测试页面显示是否正确！   Markdown是一种轻量级的易用的书写语法。本文是Markdown的介绍页面，在这里可以查询Markdown的各种语法，也可以测试页面的渲染是否正常。">
<meta name="keywords" content="测试">
<meta property="og:type" content="article">
<meta property="og:title" content="Hello Markdown">
<meta property="og:url" content="http://tootal.github.io/posts/Hello-Markdown/index.html">
<meta property="og:site_name" content="头头のblog">
<meta property="og:description" content="Reference   以下内容仅仅用来测试页面显示是否正确！   Markdown是一种轻量级的易用的书写语法。本文是Markdown的介绍页面，在这里可以查询Markdown的各种语法，也可以测试页面的渲染是否正常。">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="https://upload.cc/i1/2019/07/10/BbhN6U.jpg">
<meta property="og:updated_time" content="2019-08-29T04:27:44.766Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hello Markdown">
<meta name="twitter:description" content="Reference   以下内容仅仅用来测试页面显示是否正确！   Markdown是一种轻量级的易用的书写语法。本文是Markdown的介绍页面，在这里可以查询Markdown的各种语法，也可以测试页面的渲染是否正常。">
<meta name="twitter:image" content="https://upload.cc/i1/2019/07/10/BbhN6U.jpg">
  <link rel="alternate" href="/atom.xml" title="头头のblog" type="application/atom+xml">
  <link rel="canonical" href="http://tootal.github.io/posts/Hello-Markdown/">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome: false,
    isPost: true,
    isPage: false,
    isArchive: false
  };
</script>

  <title>Hello Markdown | 头头のblog</title>
  <meta name="generator" content="Hexo 3.9.0">
  


  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?5d7d6ecb63c8f22fb72d3d0f2fcc5c10";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>






  <noscript>
  <style>
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-header { opacity: initial; }

  .use-motion .logo,
  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-CN">
  <div class="container use-motion">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-meta">

    <div>
      <a href="/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">头头のblog</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
        <p class="site-subtitle">在时光的流逝中，逐渐成为更好的自己。</p>
      
  </div>

  <div class="site-nav-toggle">
    <button aria-label="切换导航栏">
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>


<nav class="site-nav">
  
  <ul id="menu" class="menu">
      
      
      
        
        <li class="menu-item menu-item-home">
      
    

    <a href="/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页</a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-tags">
      
    

    <a href="/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签</a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-archives">
      
    

    <a href="/archives/" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i> <br>归档</a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-note">
      
    

    <a href="https://tootal.github.io/note" rel="section"><i class="menu-item-icon fa fa-fw fa-sticky-note"></i> <br>笔记</a>

  </li>
      <li class="menu-item menu-item-search">
        <a href="javascript:;" class="popup-trigger">
        
          <i class="menu-item-icon fa fa-search fa-fw"></i> <br>搜索</a>
      </li>
    
  </ul>

    

</nav>
  <div class="site-search">
    <div class="popup search-popup">
    <div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocorrect="off" autocapitalize="none"
           placeholder="搜索..." spellcheck="false"
           type="text" id="search-input">
  </div>
  <span class="popup-btn-close">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div id="search-result"></div>

</div>
<div class="search-pop-overlay"></div>

  </div>
</div>
    </header>

    
  <div class="back-to-top">
    <i class="fa fa-arrow-up"></i>
    <span>0%</span>
  </div>
  <a class="book-mark-link book-mark-link-fixed" href="#"></a>


    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
      <article itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block post">
    <link itemprop="mainEntityOfPage" href="http://tootal.github.io/posts/Hello-Markdown/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="Tootal">
      <meta itemprop="description" content="A Hexo blog, share impressions of computer science.">
      <meta itemprop="image" content="/images/avatar.jpg">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="头头のblog">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">Hello Markdown

          
        </h1>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              
                
              

              <time title="创建时间：2019-08-28 11:35:48" itemprop="dateCreated datePublished" datetime="2019-08-28T11:35:48+08:00">2019-08-28</time>
            </span>
          
            

            
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2019-08-29 12:27:44" itemprop="dateModified" datetime="2019-08-29T12:27:44+08:00">2019-08-29</time>
              </span>
            
          

          

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
        <p><a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener">Reference</a>  </p>
<p>以下内容仅仅用来<strong>测试页面</strong>显示是否正确！  </p>
<p>Markdown是一种轻量级的易用的书写语法。本文是Markdown的介绍页面，在这里可以查询Markdown的各种语法，也可以测试页面的渲染是否正常。<br><a id="more"></a></p>
<h2 id="基本语法"><a href="#基本语法" class="headerlink" title="基本语法"></a>基本语法</h2><p>以下Markdown语法被广泛使用，兼容性好。  </p>
<h3 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="section"># 第一部</span></span><br><span class="line"><span class="section">## 第一卷</span></span><br><span class="line"><span class="section">### 第一回</span></span><br><span class="line"><span class="section">#### 第一节</span></span><br><span class="line"><span class="section">##### 第一段</span></span><br><span class="line"><span class="section">###### 第一句</span></span><br></pre></td></tr></table></figure>
<h4 id="这是四级标题的样子"><a href="#这是四级标题的样子" class="headerlink" title="这是四级标题的样子"></a>这是四级标题的样子</h4><p>注意：</p>
<ul>
<li><code>#</code>之后一般需要至少一个空格</li>
<li>标题应该单独占一行</li>
</ul>
<h3 id="字体"><a href="#字体" class="headerlink" title="字体"></a>字体</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="strong">**粗体**</span>和<span class="emphasis">*斜体*</span>往往用于产生强调作用，本质上是因为<span class="strong">__粗体__</span>和<span class="emphasis">_斜体_</span>对阅读者产生了干扰，降低了阅读者的阅读速度。因此大段的<span class="strong">***粗斜体**</span>*，是不必要的，效果会<span class="strong">___适得其反__</span>_。</span><br><span class="line">~~删除线~~使用的范围就比较广泛了，通常用于批改审阅，团队协作，公共编辑中保留证据，或许还是~~一种娱乐方式~~？</span><br></pre></td></tr></table></figure>
<p><strong>粗体</strong>和<em>斜体</em>往往用于产生强调作用，本质上是因为 <strong>粗体</strong> 和 <em>斜体</em> 对阅读者产生了干扰，降低了阅读者的阅读速度。因此大段的 <strong><em>粗斜体</em></strong>，是不必要的，效果会 <strong><em>适得其反</em></strong> 。<br><del>删除线</del>使用的范围就比较广泛了，通常用于批改审阅，团队协作，公共编辑中保留证据，或许还是<del>一种娱乐方式</del>？</p>
<p>注意：</p>
<ul>
<li>推荐使用更加通用的<code>*</code>写法</li>
<li>若出现错误可在标记前后添加一个空格</li>
</ul>
<h3 id="列表"><a href="#列表" class="headerlink" title="列表"></a>列表</h3><h4 id="无序列表"><a href="#无序列表" class="headerlink" title="无序列表"></a>无序列表</h4><p>常见的编程语言有：<br><figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">* </span>C</span><br><span class="line"><span class="bullet">* </span>C++</span><br><span class="line"><span class="bullet">* </span>Python</span><br><span class="line"><span class="bullet">	* </span>Python2</span><br><span class="line"><span class="bullet">	* </span>Python3</span><br><span class="line"><span class="bullet">* </span>Java</span><br><span class="line"><span class="bullet">* </span>PHP</span><br></pre></td></tr></table></figure></p>
<ul>
<li>C</li>
<li>C++</li>
<li>Python<ul>
<li>Python2</li>
<li>Python3</li>
</ul>
</li>
<li>Java</li>
<li>PHP</li>
</ul>
<h4 id="有序列表"><a href="#有序列表" class="headerlink" title="有序列表"></a>有序列表</h4><p>Windows版本历程：<br><figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">1. </span>Windows 2000 （2000年-2005年）</span><br><span class="line"><span class="bullet">2. </span>Windows XP （2001年-2014年）</span><br><span class="line"><span class="bullet">	1. </span>Windows XP SP1 （2002年）</span><br><span class="line"><span class="bullet">	2. </span>Windows XP SP2 （2004年）</span><br><span class="line"><span class="bullet">	3. </span>Windows XP SP3 （2008年）</span><br><span class="line"><span class="bullet">4. </span>Windows 7 （2009年-2015年）</span><br><span class="line"><span class="bullet">	1. </span>Windows 7 SP1 （2011年）</span><br><span class="line"><span class="bullet">5. </span>Windows 8 （2012年-2018年）</span><br><span class="line"><span class="bullet">6. </span>Windows 10 （2015年至今）</span><br></pre></td></tr></table></figure></p>
<ol>
<li>Windows 2000 （2000年-2005年）</li>
<li>Windows XP （2001年-2014年）<ol>
<li>Windows XP SP1 （2002年）</li>
<li>Windows XP SP2 （2004年）</li>
<li>Windows XP SP3 （2008年）</li>
</ol>
</li>
<li>Windows 7 （2009年-2015年）<ol>
<li>Windows 7 SP1 （2011年）</li>
</ol>
</li>
<li>Windows 8 （2012年-2018年）</li>
<li>Windows 10 （2015年至今）</li>
</ol>
<p>注意：</p>
<ul>
<li>有序列表前的序号通常会被重新标注</li>
<li>使用一个空行来结束列表</li>
</ul>
<h3 id="表格"><a href="#表格" class="headerlink" title="表格"></a>表格</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">linux主流发行版参考表：</span><br><span class="line"></span><br><span class="line">|   发行版    | 评价                                |</span><br><span class="line">| :--------: | :---------------------------------- |</span><br><span class="line">|   Ubuntu   | Linux 新用户的完美起点                |</span><br><span class="line">|   Debian   | 现代 Linux 版本的始祖                |</span><br><span class="line">|    Mint    | 易于使用且功能强大,基于Ubuntu开发     |</span><br><span class="line">|   Deepin   | 基于 Ubuntu 的发行版,界面简单直观     |</span><br><span class="line">| Arch Linux | 为经验丰富的用户而设计的发行版         |</span><br><span class="line">| Kali Linux | 渗透测试发行版                       |</span><br><span class="line">|   Fedora   | 社区构建的面向日常应用的发行版         |</span><br><span class="line">|  Red Hat   | Fedora的商业衍生产品，专为企业客户设计 |</span><br><span class="line">|   CentOS   | 由社区重建的Red Hat企业版Linux        |</span><br><span class="line">| SUSE Linux | 专为企业使用而设计                    |</span><br></pre></td></tr></table></figure>
<p>linux主流发行版参考表：  </p>
<div class="table-container">
<table>
<thead>
<tr>
<th style="text-align:center">发行版</th>
<th style="text-align:left">评价</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">Ubuntu</td>
<td style="text-align:left">Linux 新用户的完美起点</td>
</tr>
<tr>
<td style="text-align:center">Debian</td>
<td style="text-align:left">现代 Linux 版本的始祖</td>
</tr>
<tr>
<td style="text-align:center">Mint</td>
<td style="text-align:left">易于使用且功能强大,基于Ubuntu开发</td>
</tr>
<tr>
<td style="text-align:center">Deepin</td>
<td style="text-align:left">基于 Ubuntu 的发行版,界面简单直观</td>
</tr>
<tr>
<td style="text-align:center">Arch Linux</td>
<td style="text-align:left">为经验丰富的用户而设计的发行版</td>
</tr>
<tr>
<td style="text-align:center">Kali Linux</td>
<td style="text-align:left">渗透测试发行版</td>
</tr>
<tr>
<td style="text-align:center">Fedora</td>
<td style="text-align:left">社区构建的面向日常应用的发行版</td>
</tr>
<tr>
<td style="text-align:center">Red Hat</td>
<td style="text-align:left">Fedora的商业衍生产品，专为企业客户设计</td>
</tr>
<tr>
<td style="text-align:center">CentOS</td>
<td style="text-align:left">由社区重建的Red Hat企业版Linux</td>
</tr>
<tr>
<td style="text-align:center">SUSE Linux</td>
<td style="text-align:left">专为企业使用而设计</td>
</tr>
</tbody>
</table>
</div>
<p>注意：</p>
<ul>
<li>可以利用冒号位置调节列的位置，如<code>:---:</code>表示居中，<code>:---</code>表示靠左。</li>
<li>一般在表格前后均添加一个空行</li>
</ul>
<h3 id="图片和链接"><a href="#图片和链接" class="headerlink" title="图片和链接"></a>图片和链接</h3><h4 id="链接"><a href="#链接" class="headerlink" title="链接"></a>链接</h4><p>常见搜索引擎链接：  </p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line">http://www.baidu.com  </span><br><span class="line">[<span class="string">Yadex</span>](<span class="link">https://yandex.com/</span>)  </span><br><span class="line">[<span class="string">Google</span>](<span class="link">https://www.google.cm/</span>)</span><br></pre></td></tr></table></figure>
<p><a href="http://www.baidu.com" target="_blank" rel="noopener">http://www.baidu.com</a><br><a href="https://yandex.com/" target="_blank" rel="noopener">Yadex</a><br><a href="https://www.google.cm/" target="_blank" rel="noopener">Google</a>  </p>
<h4 id="图片"><a href="#图片" class="headerlink" title="图片"></a>图片</h4><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">![<span class="string">黑客</span>](<span class="link">https://upload.cc/i1/2019/07/10/BbhN6U.jpg</span>)</span><br></pre></td></tr></table></figure>
<p><img src="https://upload.cc/i1/2019/07/10/BbhN6U.jpg" alt="黑客"></p>
<p>注意：</p>
<ul>
<li>部分渲染器支持将纯文本链接转化为链接（auto link)</li>
<li>如果图片未能显示，很大可能是upload.cc图床挂了</li>
</ul>
<h3 id="引用"><a href="#引用" class="headerlink" title="引用"></a>引用</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line"><span class="quote">&gt; 《前赤壁赋》 苏轼</span></span><br><span class="line">&gt;&gt; 客曰：“‘月明星稀，乌鹊南飞’此非曹孟德之诗乎？西望夏口，东望武昌，山川相缪，郁乎苍苍，此非孟德之困于周郎者乎？方其破荆州，下江陵，顺流而东也，舳舻千里，旌旗蔽空，酾酒临江，横槊赋诗，固一世之雄也，而今安在哉？况吾与子渔樵于江渚之上，侣鱼虾而友麋鹿；驾一叶之扁舟，举匏樽以相属。寄蜉蝣于天地，渺沧海之一粟。哀吾生之须臾，羡长江之无穷。挟飞仙以遨游，抱明月而长终。知不可乎骤得，托遗响于悲风。”</span><br><span class="line">&gt;&gt;</span><br><span class="line">&gt;&gt; 苏子曰：“客亦知夫水与月乎？逝者如斯，而未尝往也；盈虚者如彼，而卒莫消长也，盖将自其变者而观之，则天地曾不能以一瞬；自其不变者而观之，则物与我皆无尽也，而又何羡乎？且夫天地之间，物各有主，苟非吾之所有，虽一毫而莫取。惟江上之清风，与山间之明月，耳得之而为声，目遇之而成色，取之无禁，用之不竭，是造物者之无尽藏也，而吾与子之所共适。”</span><br></pre></td></tr></table></figure>
<blockquote>
<p>《前赤壁赋》 苏轼</p>
<blockquote>
<p>客曰：“‘月明星稀，乌鹊南飞’此非曹孟德之诗乎？西望夏口，东望武昌，山川相缪，郁乎苍苍，此非孟德之困于周郎者乎？方其破荆州，下江陵，顺流而东也，舳舻千里，旌旗蔽空，酾酒临江，横槊赋诗，固一世之雄也，而今安在哉？况吾与子渔樵于江渚之上，侣鱼虾而友麋鹿；驾一叶之扁舟，举匏樽以相属。寄蜉蝣于天地，渺沧海之一粟。哀吾生之须臾，羡长江之无穷。挟飞仙以遨游，抱明月而长终。知不可乎骤得，托遗响于悲风。”</p>
<p>苏子曰：“客亦知夫水与月乎？逝者如斯，而未尝往也；盈虚者如彼，而卒莫消长也，盖将自其变者而观之，则天地曾不能以一瞬；自其不变者而观之，则物与我皆无尽也，而又何羡乎？且夫天地之间，物各有主，苟非吾之所有，虽一毫而莫取。惟江上之清风，与山间之明月，耳得之而为声，目遇之而成色，取之无禁，用之不竭，是造物者之无尽藏也，而吾与子之所共适。”</p>
</blockquote>
</blockquote>
<p>注意：</p>
<ul>
<li><code>&gt;</code>后面需要至少一个空格</li>
<li>需要一个空行来结束引用</li>
</ul>
<h3 id="分割线"><a href="#分割线" class="headerlink" title="分割线"></a>分割线</h3><p>分割线通常是用来分割装饰文字<del>凑字数</del>的，它可以让文字更加美观。  </p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line">---</span><br><span class="line"></span><br><span class="line">----</span><br><span class="line"></span><br><span class="line"><span class="emphasis">***</span></span><br><span class="line"></span><br><span class="line"><span class="emphasis">***</span>*</span><br></pre></td></tr></table></figure>
<hr>
<hr>
<hr>
<hr>
<p>注意：</p>
<ul>
<li>需要三个或三个以上标记</li>
<li>需要单独占据一行</li>
<li>显示效果<em>可能</em>会有粗细上的差别</li>
</ul>
<h3 id="行内代码"><a href="#行内代码" class="headerlink" title="行内代码"></a>行内代码</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">有时候需要用到一些特殊符号，如<span class="code">`*`</span>，<span class="code">`&gt;`</span>这些与Markdown的标记相冲突，或是想<span class="code">`printf("代码");`</span>在文字中，就可以使用行内代码。这时只需用两个<span class="code">`` `</span> ``包围内容。</span><br></pre></td></tr></table></figure>
<p>有时候需要用到一些特殊符号，如<code>*</code>，<code>&gt;</code>这些与Markdown的标记相冲突，或是想<code>printf(&quot;代码&quot;);</code>在文字中，就可以使用行内代码。这时只需用两个<code>` </code>包围内容。</p>
<p>注意：</p>
<ul>
<li><code>` </code> 是反引号，通常在Esc键下方（键盘的左上方）</li>
<li>如果需要显示一个<code>` </code> 那么要用两个<code>` </code> 包围它</li>
</ul>
<h3 id="代码块"><a href="#代码块" class="headerlink" title="代码块"></a>代码块</h3><p>代码块可以在文章中便捷地插入一段代码，来回顾一下经典的helloworld代码吧！<br>C++版本：</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="code">```cpp</span></span><br><span class="line"><span class="code">#include &lt;iostream&gt;</span></span><br><span class="line"><span class="code">using namespace std;</span></span><br><span class="line"><span class="code">int main()&#123;</span></span><br><span class="line"><span class="code">	cout&lt;&lt;"hello world!"&lt;&lt;endl;</span></span><br><span class="line"><span class="code">	return 0;</span></span><br><span class="line"><span class="code">&#125;</span></span><br><span class="line"><span class="code">```</span></span><br></pre></td></tr></table></figure>
<p>显示效果：  </p>
<figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="meta-keyword">include</span> <span class="meta-string">&lt;iostream&gt;</span></span></span><br><span class="line"><span class="keyword">using</span> <span class="keyword">namespace</span> <span class="built_in">std</span>;</span><br><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">main</span><span class="params">()</span></span>&#123;</span><br><span class="line">	<span class="built_in">cout</span>&lt;&lt;<span class="string">"hello world!"</span>&lt;&lt;<span class="built_in">endl</span>;</span><br><span class="line">	<span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<p>Java版本：<br><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">~~~java</span><br><span class="line">public class Main&#123;</span><br><span class="line"><span class="code">	public static void main(String[] args)&#123;</span></span><br><span class="line"><span class="code">		System.out.println("hello world!");</span></span><br><span class="line"><span class="code">	&#125;</span></span><br><span class="line">&#125;</span><br><span class="line">~~~</span><br></pre></td></tr></table></figure></p>
<p>显示效果：<br><figure class="highlight java"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">Main</span></span>&#123;</span><br><span class="line">	<span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">main</span><span class="params">(String[] args)</span></span>&#123;</span><br><span class="line">		System.out.println(<span class="string">"hello world!"</span>);</span><br><span class="line">	&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p>
<p>注意：</p>
<ul>
<li>如果需要在代码块中展示代码块，如上面在markdown代码块中展示C++代码块，可将两者嵌套使用。  </li>
<li>还可以简单地选中代码后按tab键来形成代码块</li>
</ul>
<h3 id="任务列表"><a href="#任务列表" class="headerlink" title="任务列表"></a>任务列表</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">近代中国的两大历史任务：</span><br><span class="line"><span class="bullet">- </span>[x] 求得民族独立和人民解放</span><br><span class="line"><span class="bullet">- </span>[ ] 实现国家的繁荣富强和人民的共同富裕</span><br></pre></td></tr></table></figure>
<p>近代中国的两大历史任务：</p>
<ul>
<li>[x] 求得民族独立和人民解放</li>
<li>[ ] 实现国家的繁荣富强和人民的共同富裕</li>
</ul>
<h3 id="换行与段落"><a href="#换行与段落" class="headerlink" title="换行与段落"></a>换行与段落</h3><p>在传统的Markdown语法中，回车不是换行。要想显示一个换行，必须先输入两个空格再按回车。<br>但许多编辑器都会进行拓展，把回车转化为换行。（line break)  </p>
<p>如果需要一个新的段落，通常的方法是插入一个空行。空行也可以用来结束块元素（如列表，代码块，块引用）。</p>
<h2 id="扩展语法"><a href="#扩展语法" class="headerlink" title="扩展语法"></a>扩展语法</h2><p>以下内容需要插件支持。  </p>
<h3 id="Centered-Quote"><a href="#Centered-Quote" class="headerlink" title="Centered Quote"></a>Centered Quote</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">&#123;% cq %&#125;</span><br><span class="line">计算机科学领域的任何问题都可以通过增加一个间接的中间层来解决.</span><br><span class="line">&#123;% endcq %&#125;</span><br></pre></td></tr></table></figure>
<blockquote class="blockquote-center"><p>计算机科学领域的任何问题都可以通过增加一个间接的中间层来解决.</p>
</blockquote>
<h3 id="Include-Raw"><a href="#Include-Raw" class="headerlink" title="Include Raw"></a>Include Raw</h3><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">&#123;% include_raw '/assets/test.txt' %&#125;</span><br></pre></td></tr></table></figure>
This is a raw file named test.txt.
<h3 id="PDF"><a href="#PDF" class="headerlink" title="PDF"></a>PDF</h3><div class="pdf" target="/assets/NOIP2015_day1.pdf" height></div>
<h3 id="Tabs"><a href="#Tabs" class="headerlink" title="Tabs"></a>Tabs</h3><p>非常好的功能，可以在一块区域通过选项卡显示不同的内容。<br>下面来看看不同语言产生随机数的代码吧。<br><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">&#123;% tabs code-random-display %&#125;</span><br><span class="line">&lt;!-- tab C++--&gt;</span><br><span class="line"></span><br><span class="line">&#123;% code lang:cpp %&#125;</span><br><span class="line"><span class="section">#include &lt;bits/stdc++.h&gt;</span></span><br><span class="line">using namespace std;</span><br><span class="line">int main()&#123;</span><br><span class="line"><span class="code">	cout&lt;&lt;"hello world!"&lt;&lt;endl;</span></span><br><span class="line"><span class="code">	return 0;</span></span><br><span class="line">&#125;</span><br><span class="line">&#123;% endcode %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab Python --&gt;</span><br><span class="line"></span><br><span class="line">&#123;% code lang:py %&#125;</span><br><span class="line">from random import *</span><br><span class="line"><span class="section"># output random integer</span></span><br><span class="line">print(randint(1,100))</span><br><span class="line">&#123;% endcode %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure></p>
<div class="tabs" id="code-random-display"><ul class="nav-tabs"><li class="tab active"><a href="#code-random-display-1">C++</a></li><li class="tab"><a href="#code-random-display-2">Python</a></li></ul><div class="tab-content"><div class="tab-pane active" id="code-random-display-1"><figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="meta-keyword">include</span> <span class="meta-string">&lt;bits/stdc++.h&gt;</span></span></span><br><span class="line"><span class="keyword">using</span> <span class="keyword">namespace</span> <span class="built_in">std</span>;</span><br><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">main</span><span class="params">()</span></span>&#123;</span><br><span class="line">    <span class="built_in">cout</span>&lt;&lt;<span class="string">"hello world!"</span>&lt;&lt;<span class="built_in">endl</span>;</span><br><span class="line">    <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="code-random-display-2"><figure class="highlight py"><table><tr><td class="code"><pre><span class="line"><span class="keyword">from</span> random <span class="keyword">import</span> *</span><br><span class="line"><span class="comment"># output random integer</span></span><br><span class="line">print(randint(<span class="number">1</span>,<span class="number">100</span>))</span><br></pre></td></tr></table></figure></div></div></div>
<ul>
<li>注意tab内的代码需要用tab语法标记</li>
</ul>
<h3 id="Note"><a href="#Note" class="headerlink" title="Note"></a>Note</h3><div class="note ">
            <p>This is a note.</p>
          </div>
<div class="note info">
            <p>This is a note.</p>
          </div>
<div class="note default">
            <p>This is a note.</p>
          </div>
<div class="note success">
            <p>This is a note.</p>
          </div>
<div class="note primary">
            <p>This is a note.</p>
          </div>
<div class="note warning">
            <p>This is a note.</p>
          </div>
<div class="note danger">
            <p>This is a note.</p>
          </div>
<h3 id="Label"><a href="#Label" class="headerlink" title="Label"></a>Label</h3><p>Lorem <span class="label default">ipsum</span> <span class="label primary">dolor sit</span> amet, consectetur <span class="label success">adipiscing elit,</span> sed <span class="label info">do eiusmod</span> tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim <em><span class="label warning">ad</span></em> minim veniam, quis <strong><span class="label danger">nostrud</span></strong> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate <del><span class="label default">velit</span></del> <mark>esse</mark> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3 id="Video"><a href="#Video" class="headerlink" title="Video"></a>Video</h3><video src="/assets/5G.mp4" preload="metadata" controls playsinline poster>Sorry, your browser does not support the video tag.</video>
<h3 id="Button"><a href="#Button" class="headerlink" title="Button"></a>Button</h3><a class="btn" href="#">Text</a>
<a class="btn" href="#">Text</a><a class="btn" href="#" title="Title">Text & Title</a>
<a class="btn" href="#">Text</a>
<a class="btn" href="#" title="Title">Text & Title</a>
<div><a class="btn" href="#"><i class="fa fa-home fa-5x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-5x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-5x"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-home fa-4x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-4x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-4x"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-home fa-3x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-3x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-3x"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-home fa-2x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-2x"></i></a><a class="btn" href="#"><i class="fa fa-home fa-2x"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-home fa-lg"></i></a><a class="btn" href="#"><i class="fa fa-home fa-lg"></i></a><a class="btn" href="#"><i class="fa fa-home fa-lg"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-home"></i></a><a class="btn" href="#"><i class="fa fa-home"></i></a><a class="btn" href="#"><i class="fa fa-home"></i></a></div>

<p><a class="btn" href="#"><i class="fa fa-home"></i>Text & Icon (buggy)</a>
<a class="btn" href="#"><i class="fa fa-home fa-fw"></i>Text & Icon (fixed width)</a></p>

<p><a class="btn" href="#"><i class="fa fa-home fa-fw fa-lg"></i>Text & Large Icon</a>
<a class="btn" href="#" title="Title"><i class="fa fa-home fa-fw fa-lg"></i>Text & Large Icon & Title</a></p>


<p>Lorem <a class="btn" href="#"><i class="fa fa-home fa-fw fa-lg"></i>Lorem</a> ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident <a class="btn" href="#"><i class="fa fa-home fa-fw fa-lg"></i>Ipsum</a>, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="note info">
            <p><a class="btn" href="#"><i class="fa fa-home fa-fw"></i>Text &amp; Icon</a></p><p><a class="btn" href="#" title="Title"><i class="fa fa-home"></i></a><a class="btn" href="#">Text</a><br><a href="#">Link</a></p>
          </div>
<div class="text-center"><div><a class="btn" href="#"><i class="fa fa-header"></i></a><a class="btn" href="#"><i class="fa fa-edge"></i></a><a class="btn" href="#"><i class="fa fa-times"></i></a><a class="btn" href="#"><i class="fa fa-circle-o"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-italic"></i></a><a class="btn" href="#"><i class="fa fa-scribd"></i></a></div>
<div><a class="btn" href="#"><i class="fa fa-google"></i></a><a class="btn" href="#"><i class="fa fa-chrome"></i></a><a class="btn" href="#"><i class="fa fa-opera"></i></a><a class="btn" href="#"><i class="fa fa-diamond fa-rotate-270"></i></a></div></div>

<div class="text-center"><a class="btn" href="#" title="Previous Chapter (Full Image)"><i class="fa fa-arrow-left fa-fw fa-lg"></i>Previous Chapter</a> <a class="btn" href="#" title="Next Chapter (Label)"><i class="fa fa-arrow-right fa-fw fa-lg"></i>Next Chapter</a></div>

<div class="text-center"><a class="btn" href="https://github.com/theme-next/hexo-theme-next" title="NexT source code" target="_blank" rel="noopener"><i class="fa fa-github fa-fw fa-lg"></i>NexT</a></div>


    </div>

    
    
    
        
      

      <footer class="post-footer">
          
            
          
          <div class="post-tags">
            
              <a href="/tags/测试/" rel="tag"># 测试</a>
            
          </div>
        

        

          <div class="post-nav">
            <div class="post-nav-next post-nav-item">
              
            </div>

            <span class="post-nav-divider"></span>

            <div class="post-nav-prev post-nav-item">
              
                <a href="/posts/Hello-LaTeX/" rel="prev" title="Hello LaTeX">
                  Hello LaTeX <i class="fa fa-chevron-right"></i>
                </a>
              
            </div>
          </div>
        
      </footer>
    
  </div>
  
  
  
  </article>

  </div>


          </div>
          
    
    <div class="comments" id="gitalk-container"></div>
  

        </div>
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside class="sidebar">
    <div class="sidebar-inner">
        
        
        
        
      

      <ul class="sidebar-nav motion-element">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <!--noindex-->
      <div class="post-toc-wrap sidebar-panel">
          <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#基本语法"><span class="nav-text">基本语法</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#标题"><span class="nav-text">标题</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#这是四级标题的样子"><span class="nav-text">这是四级标题的样子</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#字体"><span class="nav-text">字体</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#列表"><span class="nav-text">列表</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#无序列表"><span class="nav-text">无序列表</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#有序列表"><span class="nav-text">有序列表</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#表格"><span class="nav-text">表格</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#图片和链接"><span class="nav-text">图片和链接</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#链接"><span class="nav-text">链接</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#图片"><span class="nav-text">图片</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#引用"><span class="nav-text">引用</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#分割线"><span class="nav-text">分割线</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#行内代码"><span class="nav-text">行内代码</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#代码块"><span class="nav-text">代码块</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#任务列表"><span class="nav-text">任务列表</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#换行与段落"><span class="nav-text">换行与段落</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#扩展语法"><span class="nav-text">扩展语法</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#Centered-Quote"><span class="nav-text">Centered Quote</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Include-Raw"><span class="nav-text">Include Raw</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#PDF"><span class="nav-text">PDF</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Tabs"><span class="nav-text">Tabs</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Note"><span class="nav-text">Note</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Label"><span class="nav-text">Label</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Video"><span class="nav-text">Video</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#Button"><span class="nav-text">Button</span></a></li></ol></li></ol></div>
        
      </div>
      <!--/noindex-->

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image"
      src="/images/avatar.jpg"
      alt="Tootal">
  <p class="site-author-name" itemprop="name">Tootal</p>
  <div class="site-description" itemprop="description">A Hexo blog, share impressions of computer science.</div>
</div>
  <nav class="site-state motion-element">
      <div class="site-state-item site-state-posts">
        
          <a href="/archives/">
        
          <span class="site-state-item-count">2</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
    
      
      
      <div class="site-state-item site-state-tags">
        
        
        
          
        
        <span class="site-state-item-count">1</span>
        <span class="site-state-item-name">标签</span>
        
      </div>
    
  </nav>
  <div class="feed-link motion-element">
    <a href="/atom.xml" rel="alternate">
      <i class="fa fa-rss"></i>RSS
    </a>
  </div>



      </div>

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; <span itemprop="copyrightYear">2019</span>
  <span class="with-love" id="animate">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">Tootal</span>
</div>
  <div class="powered-by">由 <a href="https://hexo.io" class="theme-link" rel="noopener" target="_blank">Hexo</a> 强力驱动 v3.9.0</div>
  <span class="post-meta-divider">|</span>
  <div class="theme-info">主题 – <a href="https://theme-next.org" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a> v7.3.0</div>

        












        
      </div>
    </footer>
  </div>

  


  <script src="/lib/anime.min.js?v=3.1.0"></script>
  <script src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
  <script src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
<script src="/js/utils.js?v=7.3.0"></script><script src="/js/motion.js?v=7.3.0"></script>
<script src="/js/schemes/muse.js?v=7.3.0"></script>
<script src="/js/next-boot.js?v=7.3.0"></script><script src="/js/bookmark.js?v=7.3.0"></script>



  








  <script src="/js/local-search.js?v=7.3.0"></script>








<script>
if (document.querySelectorAll('div.pdf').length) {
  NexT.utils.getScript('//cdn.jsdelivr.net/npm/pdfobject@2/pdfobject.min.js', () => {
    document.querySelectorAll('div.pdf').forEach(element => {
      PDFObject.embed(element.getAttribute('target'), element, {
        pdfOpenParams: {
          navpanes: 0,
          toolbar: 0,
          statusbar: 0,
          pagemode: 'thumbs',
          view: 'FitH'
        },
        PDFJS_URL: '/lib/pdf/web/viewer.html',
        height: element.getAttribute('height') || '800px'
      });
    });
  }, window.PDFObject);
}
</script>






  

  

  

  

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css">

<script>
  NexT.utils.getScript('//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js', () => {
    var gitalk = new Gitalk({
      clientID: '624446e9c286d899aae1',
      clientSecret: '58591d0d7aa4ccf7c597e60d0c455c7d3d53a0a0',
      repo: 'tootal.github.io',
      owner: 'tootal',
      admin: ['tootal'],
      id: '4de14def8129ffba30f3d12b4c094a09',
        language: window.navigator.language || window.navigator.userLanguage,
      
      distractionFreeMode: 'true'
    });
    gitalk.render('gitalk-container');
  }, window.Gitalk);
</script>

</body>
</html>
